<script type="text/javascript">
$(document).ready(function(){
	$('.selectorClass').mouseenter(function(){
	$(this).stop().fadeTo('slow',1);
	})
	$('.selectorClass').mouseout(function(){
	$(this).stop().fadeTo('slow',0.5);
	})		
});
</script>
  <style>
    ul#accordion-slider{
     margin: 0;
     padding: 0;
     list-style: none;
     position: relative;
		 cursor:pointer;
    }
    ul#accordion-slider li{
     display: block;
     overflow: hidden;
     padding: 0;
     float: left;
     width: 184px;
     height: 300px;
		 background: black;
    }
		.selectorClass{opacity:0.5;}
  </style>
  
  <!--script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script-->
  <script type="text/javascript" src="modules/IGallery/pnajax/accordion-slider/jquery.kwicks-1.5.1.js"></script>
  <script type="text/javascript">
   $().ready(function() {
     $('#accordion-slider').kwicks({
       max : 800,
       spacing : 2
     });
    });
  </script>
  
  <div id="accordion-slider-wrap">
    <ul id="accordion-slider">
      <!--[foreach from=$imagesArray item=image name=foo]-->
				<!--[if $smarty.foreach.foo.index < 5]-->
					<li><div class="selectorClass"><img src="<!--[$upload_dir]-->/<!--[$image]-->"/></div></li>
				<!--[/if]-->
      <!--[/foreach]-->  
    </ul>
  </div>  
  
  
